<template>

  <demo>调用子组件</demo>
  <demo>
    <template #default="aa">
      aaaa:{{ aa.title }} --- {{ aa.num }}
    </template>

    <!--    <template #user="scope">-->
    <!--      {{ scope.user }}-->
    <!--      <p>欢迎:{{ scope.user.name }}</p>-->
    <!--    </template>-->

    <!--    <template #user="{user}">-->
    <!--      {{ user.id }}-->
    <!--      {{ user.name }}-->
    <!--    </template>    -->
    <template #user="{user:{id,name}}">
      {{ id }}
      {{ name }}
    </template>

  </demo>


  <demo>
    <template #info="{id,msg}">
      <h1>{{ id }}</h1>
      <h1>{{ msg }}</h1>
    </template>
  </demo>

  <demo>
    <template #info="s">
      <h1>{{ s.id }}</h1>
      <h1>{{ s.msg }}</h1>
    </template>
  </demo>
</template>

<script lang="ts" setup>
import demo from '@/components/user/slotdemo.vue'
</script>

